UPMUCY · DESIGN SYSTEM · v1 · 08/10/2026
Design System board
Tokens and components shared by the public website, beneficiary app and officials portal. Built on UX4G 3.0 conventions. The strip and header above are live components — try A- / A / A+.
01
Colour tokens
All text pairs meet WCAG 2.1 AA (4.5:1). Ratios shown against white unless noted.
Status · solid / tint
Radius 8px (inputs, cards, buttons) · 4px chips-inner · 999px status chip
Border 1px #DDE1EA, no heavy shadows
Focus 3px marigold outline, 2px offset
02
Typography
Noto Sans + Noto Sans Devanagari. Base 16px / 16sp, never below 14. Hindi body line-height 1.6+.
Display
40/48 · 700
40/48 · 700
महिला उद्यमी
H1
32/40 · 700
32/40 · 700
आवेदन करें · Apply now
H2
24/32 · 700
24/32 · 700
बैंक विवरण · Bank details
H3
20/28 · 600
20/28 · 600
व्यवसाय योजना · Business plan
Body
16/26 · 400
16/26 · 400
आपका आवेदन ब्लॉक स्तर पर जाँच के लिए भेज दिया गया है। Your application has been sent for block-level verification.
Label
15/22 · 600
15/22 · 600
मोबाइल नंबर / Mobile number
Small
14/22 · 400
14/22 · 400
2 मिनट पहले सेव किया गया · Saved 2 min ago
Data
14 · tabular
14 · tabular
UPMUCY/2026/LKO/0001234 · ₹1,50,000 · 14/09/2026
03
Spacing, formats, language
8px grid. Touch targets 48px on mobile, 40px on desktop.
4
8
16
24
32
48
64
Currency₹1,50,000 · ₹12.5 लाख · ₹412.6 Cr
Date / time14/09/2026 · 14:05
Application no.UPMUCY/2026/LKO/0001234
AadhaarXXXX XXXX 1234 (always masked)
Mobile+91 98XXX XX210
DefaultsBeneficiary: Hindi first · Officials: English first
Language toggle
आपका आवेदन बैंक को भेज दिया गया है
बैंक 30 दिन में निर्णय लेगा। हर चरण पर SMS आएगा।
Your application has been sent to the bank
The bank will decide within 30 days. You will get an SMS at every step.
05
Form controls
Labels in Hindi + English, helper below, error replaces helper with icon + text.
आधार नंबर · Aadhaar (masked)
XXXX XXXX 1234Masked
केवल अंतिम 4 अंक दिखते हैं। Full number is never displayed or stored on screen.
6-box OTP · interactiveTry 123456
OTP भेजा गया +91 98XXX XX210 पर
!गलत OTP। 2 प्रयास बचे हैं। · Wrong OTP, 2 attempts left.
पूरे 6 अंक भरें · Enter all 6 digits
✓सत्यापित · Verified
OTP मान्य {{ otpTime }} तक
दोबारा भेजें {{ resendIn }} · {{ resends }} of 3 left
CAPTCHA block
बड़े/छोटे अक्षर मायने नहीं रखते · Not case-sensitive
7K4PQ2
Remarks box
Minimum 20 characters · logged in audit trail{{ remarksCount }} / 500
06
Stepper (8 steps) and upload tiles
Desktop shows all steps; mobile shows “चरण 4 / 8” + bar. Click a step.
चरण {{ step }} / 8 · {{ stepHi }}✓ 2 मिनट पहले सेव
PAN कार्ड
फ़ोटो लें या फ़ाइल चुनें
JPG/PDF · अधिकतम 2 MB
JPG/PDF · अधिकतम 2 MB
बैंक पासबुक
छोटा किया जा रहा है… 3.8 MB → 640 KB
अपलोड 62%
photo preview
✓फ़ोटो412 KB
Udyam प्रमाणपत्र
!फ़ाइल 8 MB है। 2 MB से छोटी फ़ाइल चुनें या फ़ोटो लें।
07
Status chips
Colour + icon + label, always. Hindi label shown on beneficiary screens, English on officials’.
Application
○Draft · ड्राफ़्ट
↑Submitted · जमा
…Under verification · जाँच जारी
!Action needed · सुधार ज़रूरी
✕Not approved (BMM-FI) · अस्वीकृत
→With bank · बैंक में
✕Not approved by bank · बैंक द्वारा अस्वीकृत
✓Loan sanctioned · ऋण स्वीकृत
₹Loan disbursed · ऋण वितरित
←Withdrawn · वापस लिया
–Lapsed · समय सीमा समाप्त
Interest claim
○Draft
↑Submitted to SPMU
!Returned to bank
✓Approved by SPMU
✓Approved for payment
₹Paid
Timeline
- ✓आवेदन जमा · Submitted02/09/2026, 10:14 · Sakhi: Kiran Verma
- !सुधार के लिए लौटाया · Sent back05/09/2026 · BMM-FI, Mohanlalganj“पासबुक की फ़ोटो साफ़ नहीं है। पहला पन्ना दोबारा लगाएँ।”
- ✓बैंक को भेजा · Forwarded to bank09/09/2026 · Bank of Baroda, Mohanlalganj
- ऋण स्वीकृति · Loan sanctionअभी जारी · 21 दिन बचे
KPI tiles
Applications submitted
1,24,563
▲ 3.2% vs last week
₹ Disbursed
₹412.6 Cr
38,214 loans
Pending > 30 days
312
! Needs attention
08
Data table · officials
Dense (44px rows), oldest first, persistent filters, overdue in red with day count.
⌕Search application no. or name
Status: All ▾
SHG: All ▾
| Application no. ▴ | Applicant | SHG | Submitted | Loan (₹) | Pending | Status | |
|---|---|---|---|---|---|---|---|
| UPMUCY/2026/LKO/0001187 | Meena Yadav | Jai Maa Durga | 28/08/2026 | 2,00,000 | ! 41 days | ↑Submitted | Verify |
| UPMUCY/2026/LKO/0001203 | Sunita Devi | Ujala Mahila Samooh | 14/09/2026 | 1,50,000 | 24 days | …Under verification | Opened by you |
| UPMUCY/2026/LKO/0001215 | Rekha Kumari | Pragati SHG | 19/09/2026 | 75,000 | 19 days | !Action needed | View |
| UPMUCY/2026/LKO/0001234 | Kamla Rawat | Shakti Samooh | 02/10/2026 | 3,00,000 | 6 days | ↑Submitted | Verify |
Loading state
09
Feedback and system states
आप ऑफ़लाइन हैं। इंटरनेट आने पर आपका काम अपने-आप सेव हो जाएगा। You are offline. Your work will save when you are back online.
No applications in your queue
New applications from Mohanlalganj block will appear here.
View sent-back applications
!
LokOS is not responding
We couldn’t fetch SHG details. Retry, or pick your SHG from the list.
✓Application forwarded to Bank of Baroda, Mohanlalganj. SMS sent.✕
iसेव हो गया · Saved✕
!Session expires in 2 minutes. Save your work.✕
!UIDAI service is down. Try again in a few minutes.✕
Reject this application?
UPMUCY/2026/LKO/0001187 · Meena Yadav. The applicant will receive an SMS. This cannot be undone.
R04 · Not an SHG member ▾
10
High-contrast mode (GIGW)
Black ground, white text, yellow links and actions, 2px white borders. Status keeps icon + label; colour is secondary.